<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>ZS</title>

    <!-- load stylesheets -->
    
    <!-- <link rel="stylesheet" href="http://fonts.useso.com/css?family=Open+Sans:300,400">Google web font "Open Sans", https://www.google.com/fonts/specimen/Open+Sans -->
    <link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css"> <!-- Font Awesome, https://fortawesome.github.io/Font-Awesome/ -->
    <link rel="stylesheet" href="css/bootstrap.min.css">                       <!-- Bootstrap style, http://v4-alpha.getbootstrap.com/ -->
    <link rel="stylesheet" href="css/templatemo-style.css">                    <!-- Templatemo style -->
    <link rel="stylesheet" href="css/style.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
          <![endif]-->
</head>

    <body>

        <div class="container-fluid">
            
            <div class="row"> 

                <section class="tm-section-intro">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 h1-col-bg">
                        
                </section>    
                <div class="tm-wrapper-center">
                        <h1 class="tm-section-intro-title">盟聚<br/><font class="font-h1">诚邀全球合作伙伴加盟</font></h1>
                        <p class="tm-section-intro-text">海量媒体资源邀您共享
                        </p>
                        <a href="#tm-section-2" class="tm-btn-white-big">立即咨询</a>
                    </div>            
                </div>
            </div>

            <div class="row">
                <h2 class="title-h2">聚盟优势</h2>
                <section class="tm-2-col-img-text tm-2-col-img-lg-right">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-2-col-img">                    
                        <img src="img/tm2.png" alt="Image" class="img-fluid">
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-2-col-text">
                        <h2 class="tm-2-col-text-title"><img src="img/01.png" alt=""><br>一站触达<br>
                            10,000,000,000移动流量</h2>
                        <p class="tm-2-col-text-description">对接众多优质移动资源和主流交易平台：腾讯社交广告、百度、腾讯新闻、今日头条、东方头条、腾讯智营销、360、WPS办公软件、WIFI万能钥匙，覆盖95%中国移动网民，日均触达10次/人
                        </p>
                    </div>
                    
                </section>

            </div> <!-- row -->

            <div class="row">
                
                <section class="tm-2-col-img-text tm-2-col-img-lg-left">
                    
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-2-col-img">                    
                        <img src="img/tm3.png" alt="Image" class="img-fluid">
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-2-col-text">
                        <h2 class="tm-2-col-text-title tr"><img src="img/02.png" alt=""><br>自建DMP大数据平台</h2>
                        <p class="tm-2-col-text-description">
                            3000w+电商数据，5亿用户数据，1000+兴趣标签
                            自助式人群包制作，助力广告精准化投放
                            便捷的客户第一方数据管理，专业的人群分析及投放效果
                            分析
                        </p>
                    </div>
                    
                </section>

            </div> <!-- row -->

            <div class="row">
                    <section class="tm-2-col-img-text tm-2-col-img-lg-right">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-2-col-img">                    
                            <img src="img/tm4.png" alt="Image" class="img-fluid">
                        </div>
    
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-2-col-text">
                                <h2 class="tm-2-col-text-title"><img src="img/03.png" alt=""><br>专业的投放辅助工具</h2>
                            <p class="tm-2-col-text-description">
                                
                                    强大的H5建站工具，丰富的行业模板，多样的效果组件
                                    专业的APP投放效果优化，自助分析渠道打包工具，
                                    DeepLink支持
                            </p>
                            <!-- <a href="#" class="tm-bordered-btn">Read More</a> -->
                        </div>
                        
                    </section>
    
            </div> <!-- row -->
            
            <div class="row bgimg">
                    <img src="img/bus_4.jpg" alt="">
            </div>


         
            <div class="row" id="tm-section-2">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
    
                        <!-- slider -->
                        <section>
                            <div id="tmCarousel" class="carousel slide tm-carousel" data-ride="carousel" data-interval="false"> <!-- If you want to make the carousel auto play, remove data-interval="false" -->
    
                                <ol class="carousel-indicators no2-clink">
                                    <li data-target="#tmCarousel" data-slide-to="0" class="active ">
                                    </li>
                                    <li data-target="#tmCarousel" data-slide-to="1" class="">
                                    </li>
                                    <li data-target="#tmCarousel" data-slide-to="2" class="">
                                    </li>
                                    <li data-target="#tmCarousel" data-slide-to="3" class="">
                                    </li>
                                </ol>
                                
                                <h2 class="title-h2">盟聚六大服务支持
                                    全面引爆区域市场</h2>
                                    <div class="carousel-inner" role="listbox">
                                    <div class="carousel-item active">
                                        <div class="carousel-content">
                                            <div>
                                                <p class="tm-carousel-item-text">
                                                    <img src="img/sup_04.png" data-src="img/sup_04_sel.png" alt="">
                                                        <p>123</p>
                                                </p>
                                            </div>
                                        </div>                               
                                    </div>
                                    
                                    <div class="carousel-item">
                                        <div class="carousel-content">
                                            <div>
                                                <p class="tm-carousel-item-text">
                                                        <img src="img/sup_04.png" data-src="img/sup_04_sel.png" alt="">
                                                        <img src="img/sup_04.png" data-src="img/sup_04_sel.png" alt="">
                                                </p>
                                            </div>
                                        </div>                                
                                    </div>
                                    
                                    <div class="carousel-item">
                                        <div class="carousel-content">
                                            <div>
                                                <p class="tm-carousel-item-text">
                                                        <img src="img/sup_04.png" data-src="img/sup_04_sel.png" alt="">
                                                        <img src="img/sup_04.png" data-src="img/sup_04_sel.png" alt="">

                                                </p>
                                            </div>
                                        </div>                                
                                    </div>
                                    
                                    <div class="carousel-item">
                                        <div class="carousel-content">
                                            <div>
                                                <p class="tm-carousel-item-text">
                                                        <img src="img/sup_04.png" data-src="img/sup_04_sel.png" alt="">
                                                        <img src="img/sup_04.png" data-src="img/sup_04_sel.png" alt="">

                                                </p>
                                            </div>
                                        </div>                                
                                    </div>
    
                      
    
                                </div>
                                
                            </div>                    
                        </section>
                    </div>
                </div> <!-- row -->

                <div class="row bgimg">
                    <img src="img/bus_5.jpg" alt="">
                </div>
                <div class="row bgimg">
                    <h2 class="title-h2">盟聚平台六大核心特色</h2>
                    <img src="img/bus_6.jpg" alt="">
                </div>
            <!-- About -->
            <div class="row tm-section tm-blue-bg-row">
                
                <section>

                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 text-xs-center">
                            <h2 class="tm-section-title">About our company</h2>
                            <p class="tm-section-subtitle">
                            Phasellus lacinia feugiat accumsan. Nulla tempor vel est sit amet tincidunt. 
                            Nullam eget lectus ut felis aliquam.
                            </p>    
                        </div>
                        
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                            
                            <div class="tm-icon-text-boxes-container">
                            
                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">
                                    <div class="tm-icon-text-box">
                                        <i class="fa fa-5x fa-mixcloud"></i>
                                        <h3 class="tm-icon-text-box-title">Vestinbulum ornare</h3>
                                        <p class="tm-icon-text-box-description">Nullam eget lectus ut felis aliquam laoreet eget eu dui. Curabitur in imperdiet.</p>
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">
                                    <div class="tm-icon-text-box">
                                        <i class="fa fa-5x fa-line-chart"></i>
                                        <h3 class="tm-icon-text-box-title">Vestinbulum ornare</h3>
                                        <p class="tm-icon-text-box-description">Nullam eget lectus ut felis aliquam laoreet eget eu dui. Curabitur in imperdiet.</p>
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">
                                    <div class="tm-icon-text-box">
                                        <i class="fa fa-5x fa-group"></i>
                                        <h3 class="tm-icon-text-box-title">Vestinbulum ornare</h3>
                                        <p class="tm-icon-text-box-description">Nullam eget lectus ut felis aliquam laoreet eget eu dui. Curabitur in imperdiet.</p>
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">
                                    <div class="tm-icon-text-box">
                                        <i class="fa fa-5x fa-globe"></i>
                                        <h3 class="tm-icon-text-box-title">Vestinbulum ornare</h3>
                                        <p class="tm-icon-text-box-description">Nullam eget lectus ut felis aliquam laoreet eget eu dui. Curabitur in imperdiet.</p>
                                    </div>
                                </div>

                            </div>

                        </div>

                </section>

            </div> <!-- row -->
            <div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>

            <div class="row tm-section">
                
                <section class="tm-section-contact">
                    
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 text-xs-center">
                        
                        <h2 class="tm-section-title">Keep in touch</h2>
                        <p class="tm-section-subtitle">Phasellus lacinia feugiat accumsan. Nulla tempor vel est sit amet tincidunt. Nullam eget lectus ut felis aliquam.</p>

                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-7 col-xl-7">
                        <form action="index.html" method="post" class="tm-contact-form">                                
                            <div class="form-group col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 tm-form-group-left">
                                <input type="text" id="contact_name" name="contact_name" class="form-control" placeholder="Name"  required/>
                            </div>
                            <div class="form-group col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 tm-form-group-right">
                                <input type="email" id="contact_email" name="contact_email" class="form-control" placeholder="Email"  required/>
                            </div>
                            <div class="form-group">
                                <input type="text" id="contact_subject" name="contact_subject" class="form-control" placeholder="Subject"  required/>
                            </div>
                            <div class="form-group">
                                <textarea id="contact_message" name="contact_message" class="form-control" rows="6" placeholder="Message" required></textarea>
                            </div>
                        
                            <button type="submit" class="btn tm-bordered-btn pull-xs-right">Submit</button>                          
                        </form>   
                    </div> <!-- col -->
                    
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 tm-contact-right">
                        <h3 class="tm-contact-title">Our Address</h3>
                        <p class="tm-contact-info">120-240 aliquam augue libero, convallis in vulputate vel, sodales sed purus, 10880<br>
                            San Francisco, CA, USA
                        </p>
                        <p class="tm-contact-info"> 
                            Email: <a href="mailto:info@company.com">info@company.com</a><br>
                            
                        </p>
                        <p class="tm-contact-info">
                            Phone: <a href="tel:0100100110">010-010-0110</a>
                        </p>
                        <div class="tm-social-icons-container">
                            <a href="#" class="tm-social-icon-link"><i class="fa fa-facebook tm-social-icon"></i></a>
                            <a href="#" class="tm-social-icon-link"><i class="fa fa-google-plus tm-social-icon"></i></a>
                            <a href="#" class="tm-social-icon-link"><i class="fa fa-twitter tm-social-icon"></i></a>
                            <a href="#" class="tm-social-icon-link"><i class="fa fa-behance tm-social-icon"></i></a>
                            <a href="#" class="tm-social-icon-link"><i class="fa fa-linkedin tm-social-icon"></i></a>
                        </div>
                    </div>

                </section>

            </div>

            <div class="row">                
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">                    
                    <hr>
                </div>
            </div>

            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                    <p class="text-xs-center tm-copyright-text">Copyright &copy; 2016 Your Company More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
                </div>
            </div>
            
        </div> <!-- container-fluid -->   

        <!-- load JS files -->
        <script src="js/jquery-1.11.3.min.js"></script>             <!-- jQuery, https://jquery.com/download/ -->
        <script src="js/tether.min.js"></script> <!-- Tether for Bootstrap, http://stackoverflow.com/questions/34567939/how-to-fix-the-error-error-bootstrap-tooltips-require-tether-http-github-h -->
        <script src="js/bootstrap.min.js"></script>                 <!-- Bootstrap, http://v4-alpha.getbootstrap.com/ -->
        <script src="js/jquery.touchSwipe.min.js"></script>         <!-- http://labs.rampinteractive.co.uk/touchSwipe/demos/ -->
        
        <script>     
       
            $(document).ready(function(){

                /* Smooth Scrolling
                 * https://css-tricks.com/snippets/jquery/smooth-scrolling/
                --------------------------------------------------------------*/
                $('a[href*="#"]:not([href="#"])').click(function() {
                    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
                        && location.hostname == this.hostname) {
                        
                        var target = $(this.hash);
                        target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
                        
                        if (target.length) {
                            
                            $('html, body').animate({
                                scrollTop: target.offset().top
                            }, 1000);
                            return false;
                        }
                    }
                }); 
                
                /* Enable swiping for tablets and mobile
                 * http://lazcreative.com/blog/adding-swipe-support-to-bootstrap-carousel-3-0/
                 ---------------------------------------------------------------------------------*/
                if($(window).width() <= 991) {
                    $(".carousel-inner").swipe( {
                        //Generic swipe handler for all directions
                        swipeLeft:function(event, direction, distance, duration, fingerCount) {
                            $(this).parent().carousel('next'); 
                        },
                        swipeRight: function() {
                            $(this).parent().carousel('prev'); 
                        },
                        //Default is 75px, set to 0 for demo so any distance triggers swipe
                        threshold:0
                    });
                }  

                /* Handle window resize */
                $(window).resize(function(){
                    if($(window).width() <= 991) {
                        $(".carousel-inner").swipe( {
                            //Generic swipe handler for all directions
                            swipeLeft:function(event, direction, distance, duration, fingerCount) {
                                $(this).parent().carousel('next'); 
                            },
                            swipeRight: function() {
                                $(this).parent().carousel('prev'); 
                            },
                            //Default is 75px, set to 0 for demo so any distance triggers swipe
                            threshold:0
                        });
                     }
                });              
                           
            });

        </script>             
       
</body>
</html>